<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>发型屋</title>
		<link rel="stylesheet" href="css/shi.css" />
		
		<script src="../Resources/jquery-3.2.0.js"></script>
		<script src="../Resources/flexible.debug.js" ></script>
		<script src="../Resources/flexible_css.debug.js" ></script>
		<script src="../Resources/artTemplate.js" ></script>
	</head>
	<body>
		<header>
			<span><img src="imgs/jiantou.png"/></span>
			<span>发型屋</span>
			<span><img src="imgs/xing.png"/></span>
		</header>
		<main>
			<p></p>
			<ul class="shi_1json">
				
			</ul>
			<section>
				<ul>
					<li>人气主题</li>
					<li>已解锁</li>
				</ul>
				<ul>
					<li><img src="imgs/fa_1.png"/></li>
					<li><img src="imgs/fa_2.png"/></li>
					<li><img src="imgs/fa_1.png"/></li>
					<li><img src="imgs/fa_2.png"/></li>
				</ul>
			</section>
		</main>
		<script type="text/html" id="tmpe">
			{{each list as v}}
				<li><img src="{{v.imgs_1}}"/></li>
				<li><img src="{{v.imgs_2}}"/></li>
				<li><img src="{{v.imgs_3}}"/></li>
			{{/each}}
		</script>
		
		<script>
			 $(function(){
            var _url = 'json/shi_one.json';
            $.get(_url,function(res){
				console.log(res)
				var str = '';
				 var str = template("tmpe", {list:res});	 
				 console.log(str);
				$('.shi_1json').html(str);
			});
         })
			
		</script>
		
	</body>
</html>
